---
layout: typedoc
title: 'Props | @msrvida/sanddance-react'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-react</a>
			</li>
			<li>
				<a href="props.html">Props</a>
			</li>
		</ul>
		<h1>Interface Props</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">Props</span>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#data" class="tsd-kind-icon">data</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#insight" class="tsd-kind-icon">insight</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#onerror" class="tsd-kind-icon">on<wbr>Error</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#onmount" class="tsd-kind-icon">on<wbr>Mount</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#onview" class="tsd-kind-icon">on<wbr>View</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#renderoptions" class="tsd-kind-icon">render<wbr>Options</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="props.html#vieweroptions" class="tsd-kind-icon">viewer<wbr>Options</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="data" class="tsd-anchor"></a>
				<h3>data</h3>
				<div class="tsd-signature tsd-kind-icon">data<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L10">sanddance-react/src/viewer.tsx:10</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="insight" class="tsd-anchor"></a>
				<h3>insight</h3>
				<div class="tsd-signature tsd-kind-icon">insight<span class="tsd-signature-symbol">:</span> <a href="sanddance.specs.insight.html" class="tsd-signature-type" data-tsd-kind="Interface">Insight</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L9">sanddance-react/src/viewer.tsx:9</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onerror" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Error</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Error<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L13">sanddance-react/src/viewer.tsx:13</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>error<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>error: <span class="tsd-signature-type">any</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onmount" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>Mount</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>Mount<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L14">sanddance-react/src/viewer.tsx:14</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>element: <span class="tsd-signature-type">HTMLElement</span></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="onview" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> on<wbr>View</h3>
				<div class="tsd-signature tsd-kind-icon">on<wbr>View<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span>renderResult<span class="tsd-signature-symbol">: </span><a href="sanddance.types.renderresult.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderResult</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L12">sanddance-react/src/viewer.tsx:12</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-interface">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>renderResult<span class="tsd-signature-symbol">: </span><a href="sanddance.types.renderresult.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderResult</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-parameters-title">Parameters</h4>
									<ul class="tsd-parameters">
										<li>
											<h5>renderResult: <a href="sanddance.types.renderresult.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderResult</a></h5>
										</li>
									</ul>
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="renderoptions" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> render<wbr>Options</h3>
				<div class="tsd-signature tsd-kind-icon">render<wbr>Options<span class="tsd-signature-symbol">:</span> <a href="sanddance.types.renderoptions.html" class="tsd-signature-type" data-tsd-kind="Interface">RenderOptions</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L11">sanddance-react/src/viewer.tsx:11</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="vieweroptions" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagOptional">Optional</span> viewer<wbr>Options</h3>
				<div class="tsd-signature tsd-kind-icon">viewer<wbr>Options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><a href="sanddance.types.vieweroptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ViewerOptions</a><span class="tsd-signature-symbol">&gt;</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/microsoft/SandDance/blob/master/packages/sanddance-react/src/viewer.tsx#L8">sanddance-react/src/viewer.tsx:8</a></li>
					</ul>
				</aside>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface">
					<a href="props.html" class="tsd-kind-icon">Props</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#data" class="tsd-kind-icon">data</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#insight" class="tsd-kind-icon">insight</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#onerror" class="tsd-kind-icon">on<wbr>Error</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#onmount" class="tsd-kind-icon">on<wbr>Mount</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#onview" class="tsd-kind-icon">on<wbr>View</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#renderoptions" class="tsd-kind-icon">render<wbr>Options</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="props.html#vieweroptions" class="tsd-kind-icon">viewer<wbr>Options</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-variable">
					<a href="../modules.html#sanddancereact" class="tsd-kind-icon">Sand<wbr>Dance<wbr>React</a>
				</li>
				<li class=" tsd-kind-variable">
					<a href="../modules.html#version" class="tsd-kind-icon">version</a>
				</li>
				<li class=" tsd-kind-function">
					<a href="../modules.html#use" class="tsd-kind-icon">use</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>